/* Wizard Style */

.steps>li .step,.steps>li.complete .step:before{
    line-height:30px;
    background-color:#FFF;
    text-align:center
    }
     .steps{
    list-style:none;
    display:table;
    width:100%;
    padding:0;
    margin:0;
    position:relative
    }
    .steps>li{
    display:table-cell;
    text-align:center;
    width:1%
    }
    .steps>li .step{
    border:5px solid #CED1D6;
    color:#007bff;
    font-size:15px;
    border-radius:100%;
    position:relative;
    z-index:2;
    display:inline-block;
    width:40px;
    height:40px
    }
    .steps>li:before{
    display:block;
    content:"";
    width:100%;
    height:1px;
    font-size:0;
    overflow:hidden;
    border-top:4px solid #CED1D6;
    position:relative;
    top:21px;
    z-index:1
    }
    .steps>li.last-child:before{
    max-width:50%;
    width:50%
    }
    .steps>li:last-child:before{
    max-width:50%;
    width:50%
    }
    .steps>li:first-child:before{
    max-width:51%;
    left:50%
    }
    .steps>li.active .step,.steps>li.active:before,.steps>li.complete .step,.steps>li.complete:before{
    border-color:#007bff;
    }
    .steps>li.complete .step{
    cursor:default;
    color:#FFF;
    -webkit-transition:transform ease .1s;
    -o-transition:transform ease .1s;
    transition:transform ease .1s
    }
    .steps>li.complete .step:before{
        display:block;
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        border-radius:100%;
        content: "\2714";
        z-index:3;
        font-family:FontAwesome;
        font-size:23px;
        color:#28a745;
        }
    .step-content,.tree{
    position:relative
    }
    .steps>li.complete:hover .step{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    border-color:#007bff;
    }
    .steps>li.complete:hover:before{
    border-color:#007bff;
    }
    .steps>li .title{
    display:block;
    margin-top:4px;
    max-width:100%;
    color:#07090c;
    font-weight: bold;

    font-size:14px;
    z-index:104;
    text-align:center;
    table-layout:fixed;
    word-wrap:break-word
    }
    .steps>li.active .title,.steps>li.complete .title{
    color:#007bff;
    }
    .step-content .step-pane{
    display:none;
    min-height:200px;
    padding:4px 8px 12px
    }
    .step-content .step-pane.active{
    display:block
    }
    .wizard-actions{
    text-align:left
    }
    @media only screen and (max-width:767px){
    .steps li .step,.steps li:after,.steps li:before{
    border-width:3px
    }
    .steps li .step{
    width:30px;
    height:30px;
    line-height:24px
    }
    .steps li.complete .step:before{
    line-height:24px;
    font-size:13px
    }
    .steps li:before{
    top:16px
    }
    .step-content .step-pane{
    padding:4px 4px 6px;
    min-height:150px
    }
        
    
    }

.dropdown-item-collection {
  border-color: transparent !important;
  width: 100% !important;
  box-shadow: none !important;
  background: #f8f9fa !important;
  display: flex !important;
  justify-content: start !important;
  flex-direction: column !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 12px; 
  font-weight: 500; 
  color: #333; 
  white-space: nowrap;
}

.dropdown-item-collection:last-child {
  border-bottom: none !important; 
}

.dropdown-item-collection:hover {
  border-color: transparent !important;
  background-color: #e9ecef !important;
  padding-left: 14px !important; 
  border-left: 2px solid #007bff !important; 
  transition: all 0.4s ease-in-out !important;
}

.dt-button-collection {
  box-shadow: none !important;
  display: flex !important;
  justify-content: start !important;
  flex-direction: column !important;
  border: #07090c;
  width: 206px;
}

div.dt-button-collection {
  background-color: #f8f9fa;
  color: #444;
  width: 206px;
}